<template>
<div class="userInfo">
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper" data-scroll="2">
            <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell mui-media">
                        <a class="mui-navigate-right">
                            <img class="mui-media-object mui-pull-left head-img" id="head-img" :src="'./static/images/newList7.jpg'">
                            <div class="mui-media-body">傻屌网友
                                <p class="mui-ellipsis">账号:root</p>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell">
                        <router-link to="/membar/changeInfo" class="mui-navigate-right">账号与安全</router-link>
                    </li>
                </ul>
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell">
                        <a  class="mui-navigate-right">新消息通知</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a  class="mui-navigate-right">隐私</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a  class="mui-navigate-right">通用</a>
                    </li>
                    <li class="mui-table-view-cell">
                        <a  class="mui-navigate-right">收货地址</a>
                    </li>
                </ul>
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell">
                        <a  class="mui-navigate-right">关于本站 <i class="mui-pull-right update">V0.0.1</i></a>
                    </li>
                </ul>
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell" style="text-align: center;">
                        <a @click="logout">退出登录</a>
                    </li>
                </ul>
            </div>
        <div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 518px; transform: translate3d(0px, 0px, 0px) translateZ(0px);"></div></div></div>
    </div>
</div>
</template>

<script>
export default {
    methods: {
        logout() {
            localStorage.removeItem('user')
            this.$router.push({name: 'membar'})
        }
    }
}
</script>

<style scoped>
    .mui-scroll-wrapper {
        z-index: 0;
        margin-top: 40px;
        background-color: #efeff4;
    }
    .mui-table-view {
        margin-top: 20px;
    }
    .mui-media-body {
        color: #c09947;
    }
    .update {
        font-style: normal;
        color: #999999;
        margin-right: -25px;
        font-size: 14px;
    }
</style>
